*{margin: 0px;padding: 0px;list-style: none;font-weight: 500;}
html{font-size: calc(100/750*100vw);background-color: #fff;}
body{background-color: #fafafa;position: relative;}

#videoImg{width: 100%;height: 4.8rem;position: absolute;z-index: 1;}
#playBut{width: 1rem;height: 1rem;position: absolute;left: 50%;margin-left: -0.5rem;top: 50%;margin-top: -0.5rem;}
#videoImg > img:last-of-type{width: 100%;height: 100%;}
video{height: 4.8rem;width: 100%;background: #000;}
/*视频概要*/
#info{padding: 0.2rem;background: #fafafa;}
#info h3{font-size: 0.3rem;}
#info h3 > span{float: right;color: #8fc31f;}
#info h3 > span strong{font-weight: 500;} 
#info p{color: #646464;font-size: 0.28rem;overflow: hidden;margin: 0.2rem 0 0;line-height: 0.6rem;}
#info p span:last-of-type{margin-left: 0.2rem;}
#info button{float: right;font-size: 0.28rem;}
/*简介与评论*/
#titleType{display: flex;border-bottom: 1px solid #d7d7d7;box-shadow: 0 5px 10px 0 #ccc;}
#titleType > li{flex: 1;line-height: 0.68rem;background: #f0f0f0;font-size: 0.3rem;text-align: center;}
#titleType > li.show{color: #8fc31f;border-bottom: 1px solid #8fc31f;}
#content > li{display: none;}
#content > li.show{display: block;}
/*视频章节*/
#course{text-align: center;}
#course h4{font-size: 0.28rem;line-height: 0.8rem;font-weight: 800;}
#course h5{padding: 0.2rem;font-size: 0.28rem;line-height: 0.5rem;color: #6e6e6e;display: flex;margin: 0;}
#course h5.sl{background: #f0f0f0;}
#course span{color: #6e6e6e;}
#course span:first-of-type{float: left;text-align: left;flex: 2;color: #000;}
#course span:last-of-type{float: right;text-align: right;flex: 2;color: #000;}
#course p{font-size: 0.28rem;flex: 6;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;margin: 0;color: #000;}
/*课程简介*/
#brief{background: url(../img/decorate.png) no-repeat bottom;background-size: 100% auto;padding-bottom: 0.9rem;margin: 0.2rem;}
#brief > h4{font-size: 0.3rem;text-align: center;color: #fff;background: url(../img/decorate1.png) no-repeat center;background-size: 100% auto;margin: 0;line-height: 0.72rem;font-weight: 800;}
#brief > p{background: url(../img/decorate2.png) center;background-size: 100% auto;margin: 0;font-size: 0.28rem;color: #fff;padding: 0 0.4rem 0.2rem;line-height: 0.4rem;text-indent: 2em;}
/*授课讲师*/
#lecturer{background: url(../img/decorate4.png) no-repeat bottom;background-size: 100% auto;padding-bottom: 0.48rem;}
#lecturer h4{font-size: 0.3rem;text-align: center;color: #8fc320;background: url(../img/decorate3.png) no-repeat center;background-size: 100% auto;margin: 0;line-height: 0.72rem;font-weight: 800;}
#lecturer > div{background: url(../img/decorate5.png) center;background-size: 100% auto;text-align: center;}
#lecturer > div > img{max-width: 5rem;}
#lecturer > div > p{margin: 0;font-size: 0.28rem;line-height: 0.6rem;color: #8fc320;}
#lecturer > p{background: url(../img/decorate5.png) center;background-size: 100% auto;margin: 0;font-size: 0.28rem;color: #323232;padding: 0 0.6rem 0.2rem;line-height: 0.4rem;text-indent: 2em;}
/*适用人群*/
#applicable{width: 6.9rem;margin: 0 auto;background: #fafafa;box-shadow: 0 0 10px 2px #ccc;border-radius: 5px;padding: 0.3rem 0;position: relative;z-index: 2;top: 0.2rem;}
#applicable h4{font-size: 0.3rem;text-align: center;background: url(../img/applicable.png) no-repeat center;background-size: 6rem;font-weight: 800;color: #91c11d;margin: 0 auto 0.3rem;}
#applicable > p{font-size: 0.28rem;text-align: center;line-height: 0.35rem;margin: 0;}
/*购买说明*/
#explain{position: relative;z-index: 1;top: -0.5rem;margin: 0 0.2rem;background: url(../img/decorate.png) no-repeat bottom;background-size: 100% auto;padding-bottom: 0.75rem;}
#placeholder{height: 1rem;background: #8fc31f;}
#explain > h4{font-size: 0.3rem;font-weight: 800;text-align: center;background: url(../img/decorate1.png) no-repeat center;background-size: 100% auto;margin: 0;color: #fff;line-height: 0.45rem;}
#explain > ul{background: url(../img/decorate2.png) center;background-size: 100% auto;padding: 0.3rem 0;}
#explain > ul > li{font-size: 0.28rem;color: #fff;line-height: 0.4rem;width: 4.1rem;margin: 0 auto;}
#explain > ul > li > span{background: #fff;border-radius: 50%;color: #8fc31f;display: inline-block;width: 0.3rem;line-height: 0.3rem;line-height:0.3rem;text-align: center;}
#attention{background: #f0f0f0;padding: 0.3rem;}

/*课程评论*/
#comment{padding: 0.2rem 0;}
#comment > ul {border-bottom: 1px solid #ccc;}
#comment > ul:last-of-type{border: none;}
#comment > ul > li{overflow: hidden;padding: 0.2rem 0.3rem;}
#comment > ul > li > img{width: 0.8rem;height: 0.8rem;border: 0.01rem solid #ccc;border-radius: 50%;}
#comment > ul > li > div{float: right;width: 6rem;}
#comment > ul > li h5{font-size: 0.28rem;color: #323232;margin: 0.1rem 0;}
#comment > ul > li h5 > span{color: #0062cc;font-size: 0.28rem;margin: 0 0.1rem;}
#comment > ul > li span{font-size: 0.24rem;color: #909090;}
#comment > ul > li p{color: #909090;font-size: 0.28rem;line-height: 0.35rem;margin: 0.1rem auto 0;}

#buyOk,#del{position: fixed;top: 0;left: 0;bottom:0;z-index: 2;width: 100%;background: url(../img/bg.png);display: none;}
#buyOk > div{background: #fff;position: absolute;top: 50%;margin-top: -0.9rem;left: 0;width: 100%;}
#buyOk p{text-align: center;line-height: 0.9rem;color: #8FC320;margin: 0;}
#buyOk button{width: 100%;padding: 0;line-height: 0.9rem;border-left: none;border-right: none;border-bottom: none;border-radius: 0;}
#del > button{line-height: 0.9rem;background: #fff;position: absolute;top: 50%;margin-top:-0.45rem;width: 100%;font-size: 0.3rem;color: #323232;padding: 0;}


